<g:render template="header" ></g:render>
<div class="mbody">
%{--焦点轮播图--}%
<div class="jiaodian">
    <div class="focus" id="focus">
        <div id="focus_m" class="focus_m">
            <ul>
                <g:each in="${publicizeImg}">
                    <li style="display:block;"><a href="${it.linkurl}"><img src="${it.photoPath}"  height=500 width=1200   /></a></li>
                </g:each>

            </ul>
        </div>
        <a href="javascript:;" class="focus_l" id="focus_l" title="上一张"><b></b><span></span></a>
        <a href="javascript:;" class="focus_r" id="focus_r" title="下一张"><b></b><span></span></a>
    </div>

</div>
<script type="text/javascript" src="${resource(dir:'/photobox',file:'transfer_img.js')}"></script>
    %{--/焦点轮播图--}%
    <!--主体-->
    <div class="h_main wid_1200 upload">
        <!--nav-->
        <g:render template="left_nav" ></g:render>
        <!--/nav-->

        <!--中间-->
        <div class="hm_middle f_l pTo_80">
            <div class="blk mBo_30">
                <div class="s_title">
                    <div class="line-g"></div>
                    <div class="s_titNa " style=" position: absolute; left: 240px; background: #fff;">
                        <div class="s_tit_p" style=" font-size: 32px; text-indent: 20px;"><span class=" tubiao3 tubiao3_1">&nbsp;</span>NEW</div>
                        <h3 style="font-size: 16px;">最新作品</h3>
                    </div>
                </div>
                <div class="blk_l1" style="padding-top: 10px;">
                    <!--图图列表1-->

                    <ul class="pic2">
                          <g:each in="${photoListNew}">
                              <li>
                                  <div class="pic_bgbor2"></div>
                                  <g:link controller="photo" action="show" params="[id:it?.id]">
                                      <div class="anlipic_tu"><img src="${it?.smallImagePath}" border="0"></div>
                                      <div class="pic_sm2">
                                          <h5>${it?.name}</h5>
                                          <p>作者：${it?.user?.username} &nbsp;</p>
                                      </div>
                                  </g:link>
                              </li>
                          </g:each>
                    </ul>
                    <div class="mone clear"><g:link controller="photo" action="morePhoto" params="['id':'new']">更多>></g:link></div>
                    <!--图图列表1 end-->
                </div>
            </div>
            <div class="blk pTo_50" style="background: #f2f2f2;">
                <div class="s_title mBo_30">
                    <div class="line-g"></div>
                    <div class="s_titNa1" style="">
                        <h3 class="">推荐作品</h3>
                        <div class="s_tit_p" style="font-size: 12px;">The Recommend</div>
                    </div>
                </div>
                <div class="blk_l1">
                    <!--图图列表2-->
                    <ul class="pic2">
                    <g:each in="${photoListRecommend}">
                        <li>
                            <div class="pic_bgbor2"></div>
                            <g:link controller="photo" action="show" params="[id:it?.id]">
                                <div class="anlipic_tu"><img src="${it?.smallImagePath}" border="0" ></div>
                                <div class="pic_sm2" style="background: transparent;">
                                    <h5>${it?.name}</h5>
                                    <p>作者：${it?.user?.username} &nbsp;</p>
                                </div>
                            </g:link>
                        </li>
                    </g:each>
                    </ul>
                    <div class="mone clear"><g:link controller="photo" action="morePhoto" params="['id':'recommend']">更多>></g:link></div>
                    <!--图图列表2 end-->
                </div>
            </div>

            %{--<div class="blk f_l">
                <div class="s_title">
                    <h3 class="f_l">像语美文</h3>
                    <div class="mone"><g:link controller="home" action="comment"><span class="none">更多>></span></g:link></div>
                </div>

                <!--文字多行上下滚动-->
                <script type="text/javascript">
                    //滚动插件
                    (function($){
                        $.fn.extend({
                            Scroll:function(opt,callback){
                                //参数初始化
                                if(!opt) var opt={};
                                var _this=this.eq(0).find("ul:first");
                                var        lineH=_this.find("li:first").height(), //获取行高
                                        line=opt.line?parseInt(opt.line,10):parseInt(this.height()/lineH,10), //每次滚动的行数，默认为一屏，即父容器高度
                                        speed=opt.speed?parseInt(opt.speed,10):500, //卷动速度，数值越大，速度越慢（毫秒）
                                        timer=opt.timer?parseInt(opt.timer,10):7000; //滚动的时间间隔（毫秒）
                                if(line==0) line=1;
                                var upHeight=0-line*lineH;
                                //滚动函数
                                scrollUp=function(){
                                    _this.animate({
                                        marginTop:upHeight
                                    },speed,function(){
                                        for(i=1;i<=line;i++){
                                            _this.find("li:first").appendTo(_this);
                                        }
                                        _this.css({marginTop:0});
                                    });
                                }
                                //鼠标事件绑定
                                _this.hover(function(){
                                    clearInterval(timerID);
                                },function(){
                                    timerID=setInterval("scrollUp()",timer);
                                }).mouseout();
                            }
                        })
                    })(jQuery);

                    $(document).ready(function(){
                        $("#scrollDiv").Scroll({line:1,speed:1100,timer:2000});
                    });
                </script>
                <!--文字多行上下滚动-->
                <div class="blk_l1" style=" background: #f3f1f2;">
                    <div class="gd_div"  id="scrollDiv">
                    <ul>
                        <li class="top_li"><div class="renqi"><a href="###">用户：</a>非常好非常好非常好非常好非常好非常好非常好非常好非常好非常好非常好非常好非常好非常好非常好非常好非常好非常好非常好非常好</div></li>
                        <li class="top_li"><div class="renqi"><a href="###">用户：</a>非常好</div></li>
                        <li class="top_li"><div class="renqi"><a href="###">用户：</a>非常好</div></li>
                        <li class="top_li"><div class="renqi"><a href="###">用户：</a>非常好</div></li>
                        <li class="top_li"><div class="renqi"><a href="###">用户：</a>非常好</div></li>
                        <li class="top_li"><div class="renqi"><a href="###">用户：</a>非常好</div></li>
                    </ul>
                    </div>
                </div>
            </div><!--像语美文-->--}%
            <div class="bottomBor" style="width:660px;border-left:none; margin-left: 0;"></div>
        </div>
        <!--/中间-->
    <!--右-->
        <g:render template="main_right" ></g:render>
        <!--/右-->
    </div>
    <!--/主体-->
%{--<div id="page-body" role="main">


    <div id="controller-list" role="navigation">
        <h2>Available Controllers:</h2>
        <ul>
            <g:each var="c" in="${grailsApplication.controllerClasses.sort { it.fullName } }">
                <li class="controller"><g:link controller="${c.logicalPropertyName}">${c.fullName}</g:link></li>
            </g:each>
        </ul>
    </div>
</div>--}%

</div>%{--/mbody--}%

<g:render template="footer" ></g:render>
